<template>
  <div id="app">
    <Hander></Hander>
    <Bodd></Bodd>
    <Items></Items>
    <Foo></Foo>
    <Fooer></Fooer>
  </div>
</template>

<script>

import Hander from "./components/Hander.vue";
import Bodd from "./components/Bodd.vue"
import Items from "./components/Items.vue"
import Foo from "./components/Foo.vue"
import Fooer from "./components/Fooer.vue"






export default {
  name: 'App',
  components: {
    Hander,
    Bodd,
    Items,
    Foo,
    Fooer

  }
}
</script>

<style>
*{
  padding: 0;
  margin: 0;
  list-style: none;
}
#app {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
</style>
